

<script setup>
	
	import ListItem from "./ADSListItem.vue";
	import { adsList, updateADSDataByGroupID } from "/global.js";
	import { reactive } from 'vue';
	import { onLoad } from "@dcloudio/uni-app";
	
	
	const props = defineProps(['groupId']);
	updateADSDataByGroupID(props.groupId);
	
	
</script>


<template>
	
	<ul class="list">
		<ListItem
			v-for="ads in adsList"
			:key="ads.id"
			v-bind:group-id="groupId"
			v-bind:id="ads.id"
			v-bind:comment="ads.comment"
			v-bind:start-time="ads.startTime"
			v-bind:end-time="ads.endTime"
			v-bind:videoURL="ads.videoURL"
		/>
	</ul>
	
	
	
</template>

<style>
	
	.list {
		margin-top: 5px;
	}
	
</style>


